<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="static/css/style.css" />
    <link rel="stylesheet" href="static/css/contact.css" />
    <script src="static/js/jQuery.js"></script>
  </head>

  <body>
    <header class="com-header"></header>
    <script>
      $(function () {
        $('.com-header').load('component/header.html'); //加载导航栏
      });
      document.querySelector('.com-header').style.position = 'sticky';
    </script>
    <main class="contact">
      <section class="contact-s1">
        <div class="contact-container w1400">
          <div class="nav-group">
            <a href="resources.html" class="nav-item">RESOURCES</a> >
            <a href="contact.html" class="nav-item">CONTACT</a>
          </div>
          <div class="contact-content">
            <div class="contact-left">
              <h1 class="contact-title">HOW CAN WE HELP YOU?</h1>
              <p class="contact-text">
                Have custom screw manufacturing needs or specific questions? Fill out our inquiry form, and our
                experienced team will provide a prompt, tailored response. Whether it's a technical question or a
                detailed project request, we’re committed to delivering precision solutions with expert guidance,
                ensuring your screws meet the highest standards. We're here to support your business needs efficiently
                and reliably.
              </p>
            </div>
            <div class="contact-right">
              <img src="static/images/other/conatct-s1-img.png" alt="ctmon" />
            </div>
          </div>
        </div>
      </section>
      <section class="contact-s2">
        <div class="contact-container w1400">
          <div class="contact-form">
            <form>
              <div class="form-item">
                <input type="text" name="name" id="name" placeholder="Name:" />
              </div>
              <div class="form-item">
                <input type="text" name="email" id="email" placeholder="Email:" />
              </div>
              <div class="form-item">
                <input type="text" name="phone" id="phone" placeholder="Telephone:" />
              </div>
              <div class="form-item">
                <textarea name="message" id="message" placeholder="Your Message:" cols="1" rows="1"></textarea>
              </div>
              <div class="form-item">
                <button type="submit" class="contact-form-btn">Send</button>
              </div>
            </form>
          </div>
        </div>
      </section>
      <section class="contact-s3">
        <div class="contact-s3-container w1400">
          <h2 class="contact-s3-title">Contact Information</h2>
          <p class="contact-s3-desc">
            Feel free to drop us an email, give us a call, or stop by our office, we are ready to assist you in any way
            we can.
          </p>
          <div class="contact-s3-content">
            <div class="contact-s3-item">
              <div class="contact-s3-item-icon">
                <img src="static/images/other/contact-s3-icon1.png" alt="ctmon" />
              </div>
              <div class="contact-s3-item-target">Address</div>
              <div class="contact-s3-item-text">
                * Building 9, First Industrial Zone, Tantou Industrial City, Songgang Street, Baoan District, Shenzhen
                518105, Guangdong, China
              </div>
            </div>
            <div class="contact-s3-item">
              <div class="contact-s3-item-icon">
                <img src="static/images/other/contact-s3-icon2.png" alt="ctmon" />
              </div>
              <div class="contact-s3-item-target">Call Us</div>
              <div class="contact-s3-item-text">+86 13143444311</div>
            </div>
            <div class="contact-s3-item">
              <div class="contact-s3-item-icon">
                <img src="static/images/other/contact-s3-icon3.png" alt="ctmon" />
              </div>
              <div class="contact-s3-item-target">Fax</div>
              <div class="contact-s3-item-text">+0086-755-27322278</div>
            </div>
            <div class="contact-s3-item">
              <div class="contact-s3-item-icon">
                <img src="static/images/other/contact-s3-icon4.png" alt="ctmon" />
              </div>
              <div class="contact-s3-item-target">Email Us</div>
              <div class="contact-s3-item-text">sst@szsst88.com</div>
            </div>
          </div>
        </div>
      </section>
      <section class="contact-s4">
        <div class="contact-s4-container w1400">
          <h2 class="contact-s4-title">Find Us: Our Reach and Locations</h2>
          <div class="contact-s4-map">
            <img src="static/images/other/contact-s4-map.png" alt="ctmon" />
          </div>
        </div>
      </section>
      <section class="footer-form">
        <script>
          $(function () {
            $('.footer-form').load('component/footer-form.html'); //加载底部表单
          });
        </script>
      </section>
    </main>
    <div class="seek-box">
      <script>
        $(function () {
          $('.seek-box').load('component/seek.html'); //加载搜索弹窗
        });
      </script>
    </div>
    <footer class="com-footer">
      <script>
        $(function () {
          $('.com-footer').load('component/footer.html'); //加载页脚
        });
      </script>
    </footer>
    <script src="static/js/jquery.counterup.js"></script>
    <script src="static/js/swiper-bundle.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/gsap.min.js"></script>
    <script src="static/js/ScrollTrigger.min.js"></script>
    <script src="static/js/form.js"></script>
    <script src="static/js/public.js"></script>
  </body>
</html>
